<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Server Sekolah</title>
<link rel="stylesheet" href="<?php echo base_url(); ?>assets/lib/bootstrap/css/bootstrap.css">
<link rel="stylesheet" href="<?php echo base_url(); ?>assets/css/main.css" />
<link rel="stylesheet" href="<?php echo base_url(); ?>assets/lib/Font-Awesome/css/font-awesome.css" />
<link rel="stylesheet" href="<?php echo base_url(); ?>assets/css/theme.css">
<style type="text/css">
.menu-name{
	width: 250px;
	float: left;
}
.semesterlist{
	width: 200px;
	float: right;
	margin-left: 10px;
	
}
.talist{
	width: 200px;
	float: right;
}


</style>

<script src="<?php echo base_url(); ?>assets/lib/modernizr-2.6.2-respond-1.1.0.min.js"></script>
</head>
<body>
	<div id="wrap">
		<div id="top">
			<!-- .navbar -->
			<nav class="navbar navbar-inverse navbar-static-top">
				<!-- Brand and toggle get grouped for better mobile display -->
				<header class="navbar-header">
					<button type="button" class="navbar-toggle" data-toggle="collapse"
						data-target=".navbar-ex1-collapse">
						<span class="sr-only">Toggle navigation</span> <span
							class="icon-bar"></span> <span class="icon-bar"></span> <span
							class="icon-bar"></span>
					</button>
					<!--
					<a href="index.html" class="navbar-brand"><img
						src="<?php echo base_url(); ?>assets/img/logo.png" alt=""> </a>
						-->
				</header>
				<div class="topnav">
					<div class="btn-toolbar">
						<div class="btn-group">
							<a data-placement="bottom"
								data-original-title="Show / Hide Sidebar" data-toggle="tooltip"
								class="btn btn-success btn-sm" id="changeSidebarPos"> <i
								class="icon-resize-horizontal"></i>
							</a>
						</div>
						<div class="btn-group">
							<a data-placement="bottom" data-original-title="Sent SMS"
								data-toggle="tooltip" class="btn btn-default btn-sm"> <i
								class="icon-envelope"></i> 
							</a> 
							<a data-toggle="modal" data-original-title="Help"
								data-placement="bottom" class="btn btn-default btn-sm"
								href="#helpModal"> <i class="icon-question-sign"></i>
							</a>
						</div>
						
						
						<div class="btn-group">
							<a href="<?php echo site_url('login/logout')?>" data-toggle="tooltip"
								data-original-title="Logout" data-placement="bottom"
								class="btn btn-metis-1 btn-sm"> <i class="icon-off"></i>
							</a>
						</div>
					</div>
				</div>
				<!-- /.topnav -->
				<div class="collapse navbar-collapse navbar-ex1-collapse">
					<!-- .nav -->
					<ul class="nav navbar-nav">
						<li><a href="#"><i class="icon-tasks"></i> Dashboard</a></li>
						<li><a href="#"><i class="icon-user"></i> Personalia</a></li>
						<li><a href="#"><i class="icon-book"></i> Akademik</a></li>
						<li><a href="#"><i class="icon-money"></i> Keuangan</a></li>
						<li><a href="#"><i class="icon-file-text"></i> Absensi</a></li>
						<li><a href="#"><i class="icon-mobile-phone"></i> SMS Gateway</a></li>
						<li><a href="#"><i class="icon-pencil"></i> Elearning</a></li>
					</ul>
					<!-- /.nav -->
				</div>
			</nav>
			<!-- /.navbar -->
			<!-- header.head -->
			<header class="head">
				<div class="search-bar">
					<a data-original-title="Show/Hide Menu" data-placement="bottom"
						data-tooltip="tooltip"
						class="accordion-toggle btn btn-primary btn-sm visible-xs"
						data-toggle="collapse" href="#menu" id="menu-toggle"> <i
						class="icon-sort"></i>
					</a>
					<form class="main-search">
						<div class="input-group">
							<input type="text" class="input-small form-control"
								placeholder="Live Search ..."> <span class="input-group-btn">
								<button class="btn btn-default btn-sm" type="button">
									<i class="icon-search"></i>
								</button>
							</span>
						</div>
					</form>
				</div>
				<!-- ."main-bar -->
				<div class="main-bar">
					<h3 class="menu-name"><i class="icon-home"></i> Dashboard</h3>
					<select data-placeholder="tahun ajaran dan semester" class="form-control semesterlist" tabindex="5">
			      <option value=""></option>
			      <optgroup label="2011-2012">
				  <option>ganjil</option>
				  <option>genap</option>
			      </optgroup>
				  <optgroup label="2012-2013">
				  <option>ganjil</option>
				  <option>genap</option>
			      </optgroup>
					</select>

				</div>
				
				<!-- /.main-bar -->
			</header>
			<!-- end header.head -->
		</div>
		<!-- /#top -->